<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" type="image/x-icon" href="res/image/logo.png" />
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <title>离散数学虚拟仿真实验</title>
</head>
<script type="text/javascript"></script>
<script src="js/jQuery.js"></script>
<script src="js/echarts.js"></script>
<script src="js/popper.js"></script>
<script src="js/bootstrap.js"></script>
<link rel="stylesheet" href="css/bootstrap.css"/>
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/iconfont.css"/>
<body>
<div class="mainView">
    <img class="bgImg" src="res/image/bg.jpg" alt="">
    <div class="maskDiv"></div>
    <img class="logoImg" src="res/image/logo.png" alt="">
    <div class="btnGroup col-sm-6 d-md-none d-lg-none">
        <button  id="btn1" type="button" class="btn btn-primary btn-lg shadow-lg" style="width: 150px;height: 50px;line-height: 50px;margin-bottom: 10px;border-radius: 50px;padding: 0px;">二元关系</button>
        <button  id="btn2" type="button" class="btn btn-primary btn-lg shadow-lg" style="width: 150px;height: 50px;line-height: 50px;margin-bottom: 10px;border-radius: 50px;padding: 0px;">图论</button>
    </div>
    <div style="height:100vh;width:100vw;display: flex;justify-content: space-between;">
        <div id="div1"  class="btnLeft" style="height:100%;width:25vw;line-height:90vh;">
            二 元 关 系
        </div>
        <div id="div2"  class="btnRight" style="height:100%;width:25vw;line-height:90vh;">
            图  论
        </div>
    </div>
    <div class="title">
        <p class="p1 shadow">离 散 数 学</p><p class="p2 shadow">虚 拟 仿 真 实 验</p>
    </div>
    <div class="panel">
          <div class="panel-footer col-sm-12 col-md-6 col-lg-6" style="color:white;">
            河南农业大学信息与管理科学学院计算机科学系
          </div>
    </div>
    </div>
</body>
<script type="text/javascript">
    $('#btn2').click(function(){
        window.location.href="./EulerInfo.html";
    })
    $('#btn1').click(function(){
        window.location.href="./dualityRelation.html";
    })
    $('#div2').click(function(){
        window.location.href="./EulerInfo.html";
    })
    $('#div1').click(function(){
        window.location.href="./dualityRelation.html";
    })
</script>
</html>